<template>
    <div>
        <top-windows/>
        <div style="height: 30px"/>
        <el-row>
            <el-col :span="18">
                <el-col :offset="1" :span="11">
                    <win1 :id="1"/>
                    <div style="height: 40px;"/>
                </el-col>

                <el-col :offset="1" :span="11">
                    <win2 :id="2"/>
                    <div style="height: 40px;"/>
                </el-col>

                <el-col :offset="1" :span="11">
                    <win2 :id="3"/>
                    <div style="height: 40px;"/>
                </el-col>

                <el-col :offset="1" :span="11">
                    <win1 :id="4"/>
                    <div style="height: 40px;"/>
                </el-col>
            </el-col>
            <el-col :span="5" :offset="1">
                <call-me/>
            </el-col>
        </el-row>


<!--        <foot/>-->
    </div>
</template>

<script>
    import foot from "../foot";
    import topWindows from "./topWindows";
    import win1 from "./win1";
    import win2 from "./win2"
    import callMe from "./callMe";
    export default {
        components:{win1,win2,callMe,topWindows,foot },
        name: "hello"
    }
</script>

<style scoped>

</style>
